import React from 'react';
import './Order.css'


const Order = ()=>{
    return (
        <div className='order-conntainer'>
            <div className="order-head">
                <span className='my-order'>我的订单</span>
                <span className='order-my-container'>
                    全部 
                    <i className='iconfont'> &#xe629;</i>
                </span>
            </div>
            <div className="order-items">
                <div className="order-item">
                    <div className="order-icon iconfont">&#xe603;</div>
                    <div className="order-plant">待付款</div>
                </div>
                <div className="order-item">
                    <div className="order-icon iconfont">&#xe605;</div>
                    <div className="order-plant">待发货</div>
                </div>
                <div className="order-item">
                    <div className="order-icon iconfont">&#xe600;</div>
                    <div className="order-plant">待收货</div>
                </div>
                <div className="order-item">
                    <div className="order-icon iconfont">&#xe7a3;</div>
                    <div className="order-plant">待评价</div>
                </div>
                <div className="order-item">
                    <div className="order-icon iconfont">&#xe604;</div>
                    <div className="order-plant">退款/售后</div>
                </div>
            </div>
        </div>
    )
}

export default Order